<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="assets/element-ui/theme-chalk/index.css">
</head>
<body>
  <div id="app">
    <el-button @click="visible = true">Button</el-button>
    <el-button @click="loading()">Button</el-button>
    
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>
    <a href="index.jsp">这里</a>
    <a href="index.jsp?a=1">这里1</a>
    <a href="index.jsp?a=1&page=2">这里2</a>
    {{url}}
    <a href="javascript:page(1);">page1</a>
    <a href="javascript:page(99);">page99</a>
  </div>
</body>
  <script src="assets/js/vue.min.js"></script>
  <script src="assets/element-ui/index.js"></script>
  <script>
  	var page = function(num) {
		
		let url = new URL(location.href);
		url.searchParams.set("page",num);
		vue.url=url.toString();
	}
	
   var vue = new Vue({
      el: '#app',
      data() {
        return { visible: false,
				url:"?"
            }
      },
      methods:{
    	loading(){
    		this.$loading({
    	          lock: true,
    	          text: 'Loading',
    	          spinner: 'el-icon-loading',
    	          background: '#FFFFFF'
    	        });
        }
      },
      mounted(){
		this.$notify({
			title:"提示信息",
			message:"消息内容",
			type:"success",
			position: 'bottom-right'
		});
      }
    });
  </script>
</html>